<template>
    <div @click="$emit('some-event', 'msg from child1!!!')">
        <h1 v-bind:title="msg">
            {{ msg }}
        </h1>
    </div>
</template>

<script>
    export default {
        name: "child1",
        props: {
            msg: String
        },
        methods: {
            onSomeEvent(msg) {
                console.log('child1', msg);
            }
        },
        mounted() {
            this.$bus.$on('event-from-child2', msg => {
                console.log('child1:', msg);
                // this.msg = "child1 changed"
            });
        },
    }
</script>

<style lang="scss" scoped>

</style>